<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简历简介</title>
    <script src="./js/animate.js"></script>
    <script src="./js/base.js"></script>
    <link rel="stylesheet" href="./css/introduce.css">
    <link rel="icon" href="me.ico">
</head>

<body>
    <div class="page">
        <div id="first-page" class="first-up">
            <h2>个人信息</h2>
            <hr>
            <ul>
                <li>姓 名：韦銥菲</li>
                <li>性 别：女&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp; 年 龄：22</li>
                <li>手 机：134xxxx1417&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&ensp;&ensp;&ensp;&ensp;&ensp;邮 箱：feyew@foxmail.com</li>
                <li>学 历：本科在读&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&ensp;所在院校：广西科技大学</li>
                <li>专 业：软件工程&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&ensp;&ensp;应聘岗位：前端开发工程师</li>
                <li>gitee 地址 ：<a href="https://gitee.com/weiyifei">https://gitee.com/weiyifei</a>&emsp;GitHub地址 ：
                    <a href="https://github.com/aaaweiyi">https://github.com/aaaweiyi</a></li>
            </ul>
            <h2>专业技能</h2>
            <hr>
            <ul>
                <li>掌握Axure原型工具</li>
                <li>HTML、CSS基础扎实，熟悉H5、C3，熟练掌握页面布局</li>
                <li>熟悉JavaScript语法,Es6语法</li>
                <li>熟悉浏览器兼容性及相关调试方法</li>
                <li>掌握git版本控制器的使用</li>
                <li>熟悉vue全家桶--vue 、vue-cli 、vueRouter 、element-ui组件库</li>
                <li>了解MySQL、SQLite数据库的基本使用</li>
                <li>熟悉C#语言及Unity3D引擎框架设计</li>
            </ul>
            <h2>项目经历</h2>
            <hr>
            <dl>
                <dt>1. 简历静态页面设计（技术栈：html、css、Javascript）</dt>
                <div class="dot"></div>
                <dd>基该项目以纯html+css内容进行页面重构及美化</dd>
                <div class="dot"></div>
                <dd>局结构使用div嵌套ul/li做框架,display简单进行动态展示</dd>
                <div class="dot"></div>
                <dd>顶端布局使用float和position定位布局配合属性进行优化</dd>
                <div class="dot"></div>
                <dd>利用CSS3实现动画效果、运用Javascript对页面DOM进行操作实现轮播图、动态生成效果等</dd>
                <div class="dot"></div>
                <dd>浏览地址:</dd>
                <dt>2.电商管理后台系统（技术栈：Vue、element-ui、echarts）</dt>
            </dl>
        </div>
        <div id="second-page" class="second-down">
            <div class="dot" style="margin-top: 25px !important"></div>
            <dd style="margin-top: 20px;">基于vue.js，采用前后端分离开发模式，使用vue-cli快速搭建开发环境</dd>
            <div class="dot"></div>
            <dd>vue-router构建单页面应用，apache echart绘制图表</dd>
            <div class="dot"></div>
            <dd>使用axios的进行前后端数据交互，利用 elementUI 的完成页面布局</dd>
            <div class="dot"></div>
            <dd>使浏览地址:</dd>
            <div class="f-dotted" style="cursor: pointer;">
                <div class="first-tip"></div>
                <div class="second-ti;"></div>
            </div>
            <dt style="margin-left: 20px;">3.Unity3D游戏Demo - 独立开发</dt>
            <div class="dot"></div>
            <dd>基于C#语言面向对象的Unity3D引擎开发，涉及到用户界面设计</dd>
            <div class="dot"></div>
            <dd>涉及MySQL、SQLite数据库使用</dd>
            <h2>学校经历</h2>
            <hr>
            <dl>
                <dt>1.广西科技大学 - 威爱学院青年志愿者协会 2018/09 - 2020/06</dt>
                <div class="dot"></div>
                <dd>担任副会长职务</dd>
                <div class="dot"></div>
                <dd>志愿者的活动组织工作，与志愿者活动点进行交接</dd>
                <div class="dot"></div>
                <dd>进行相关志愿活动的策划，带领志愿者实施志愿活动</dd>
            </dl>
            <h2>证书及获奖经历</h2>
            <hr>
            <ul>
                <li>CET-4 ，具备听读写的能力</li>
                <li>计算机二级，掌握计算机各项操作</li>
                <li>2020年获“优秀学生干部”称号</li>
                <li>2021年获“优秀团员”称号</li>
            </ul>
            <h2>其他信息</h2>
            <hr>
            <ul>
                <li>自主学习能力强，对前端开发有极大的兴趣</li>
                <li>性格开朗，容易相处，有责任感和良好的沟通能力，具备团队协作意识</li>
                <li>兴趣爱好：摄影/绘画/跑步/电影</li>
                <div class="s-dotted" style="cursor: pointer;">
                    <div class=" first-tip" style=" margin-top: 265px; margin-left: -165px; "></div>
                    <div class="second-tip " style=" margin-top: 2650px; margin-left: -165px"></div>
                </div>
            </ul>
        </div>

    </div>

    <!-- 游戏作品区域 -->
    <div class="gameDemo">
        <div class="demo-left ">
            <h1>Unity3D独立小游戏项目介绍</h1>
            <section class="de-game ">
                <div class="de-game-one ">
                    <dt>
                        <h3>ARPG类《泰斗破坏神》简介</h3>
                        <dd>1.基于Unity3D引擎开发</dd>
                        <dd>2.C#语言开发</dd>
                        <dd>3.MySQL数据库存储</dd>
                        <dd>4.Photon Server服务器开发</dd>
                    </dt>
                    <section class="startOne  start">
                    </section>
                </div>
                <div class="de-game-tow ">
                    <dt>
                        <h3>酷跑类游戏Demo</h3>
                        <dd>1.基于Unity3D引擎开发</dd>
                        <dd>2.C#语言开发</dd>
                        <dd>3.SQLite数据库存储</dd>
                        <dd>4连贯的游戏逻辑</dd>
                    </dt>
                    <section class="startTow  start">
                    </section>
                </div>
                <div class="de-game-three ">
                    <dt>
                        <h3>安卓类开发游戏Demo</h3>
                        <dd>1.基于Unity3D引擎开发</dd>
                        <dd>2.C#语言开发</dd>
                        <dd>3.XML和JISO数据的存档和读档</dd>
                        <dd>4.连贯的游戏逻辑</dd>
                    </dt>
                    <section class="startThree start">
                    </section>
                </div>
            </section>
        </div>
        <div class="demo-right ">
            <div class="first-game "></div>
            <div class="second-game "></div>
            <div class="third-game "></div>
            <div class="cicle-one "></div>
            <div class="cicle-tow "></div>
            <div class="cicle-three "></div>
            <div class="solid-one "></div>
            <div class="solid-tow "></div>
            <div class="solid-three "></div>
            <div class="solid-four "></div>
        </div>

    </div>

    <!-- 轮播图区域 -->
    <div class="photoDemo">
        <section>
            <div class="fl">
                <a href="javascript:;" class="arrow-l">
                    &lt;
                 </a>
                <a href="javascript:;" class="arrow-r">&gt;</a>
                <ul class="focus">
                    <li>
                        <img src="./img/Photo-1.JPG " alt=" ">
                    </li>
                    <li>
                        <img src="./img/Photo-2.JPG " alt=" ">
                    </li>
                    <li>
                        <img src="./img/Photo-3.JPG " alt=" ">
                    </li>
                    <li>
                        <img src="./img/Photo-4.JPG " alt=" ">
                    </li>
                    <li>
                        <img src="./img/Photo-5.JPG " alt=" ">
                    </li>
                </ul>
                <ol class="circle">

                </ol>
        </section>
        </div>
</body>

<script>
</script>

</html>